@charset 'utf-8';@media (max-width:1200px){.mauto{max-width:92%}
footer .head dl{margin-right:30px}
.i-main .i-pro .list .info{display:none}
.i-about .vcs{display:block}
.i-main .i-about .txt1,.i-main .i-about .txt2 .btn,.i-main .i-about .txt2 .info{display:none}
.i-main .i-about .img{margin:0 auto;width:90%;text-align:center}
.i-main .i-about .img .txt{display:block}
.i-main .i-industry .box2 .txt{margin:.25rem 0}
.i-main .i-honor .owl-controls .owl-buttons .owl-prev{left:10px}
.i-main .i-honor .owl-controls .owl-buttons .owl-next{right:10px}
}
@media (max-width:1024px){body{padding-top:65px}
.header{display:none}
.header-m{position:fixed;top:0;left:0;z-index:888;display:block!important;width:100%;height:65px;background:#fff;box-shadow:1px 1px 20px rgba(0,0,0,.1)}
.header-m::after{position:fixed;top:65px;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);content:''}
.header-m .logo{position:absolute;left:50%;line-height:65px;-webkit-transform:translateY(-50%);transform:translateX(-50%)}
.header-m .logo img{height:40px}
.header-m .m-menu-b{position:absolute;top:0;left:0;display:block;width:60px;height:65px;cursor:pointer}
.header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);z-index:9999;width:25px;height:1px;background:#999;content:'';-webkit-transition:all .3s ease-out .3s;transition:all .3s ease-out .3s}
.header-m .m-menu-b::before{-webkit-transform:translateY(-4px) rotate(0);transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after{-webkit-transform:translateY(4px) rotate(0);transform:translateY(4px) rotate(0)}
.header-m .m-menu{position:fixed;top:0;left:-260px;z-index:888;display:none;padding-top:65px;width:100%;width:260px;height:100%;background:#fafafa;text-align:left;opacity:1}
.header-m .m-menu::after{position:absolute;top:65px;width:100%;height:1px;background:#ebebeb;content:''}
.header-m .nav{overflow-x:hidden;overflow-y:auto;height:calc(100% - 82px)}
.header-m .nav>li{border-bottom:1px solid #ebebeb;-webkit-animation:resize .5s both;animation:resize .5s both}
.header-m .nav>li>a{position:relative;display:block;padding:0 20px 0 40px;height:50px;color:#666;font-size:15px;line-height:50px}
.header-m .nav>li>a::after{position:absolute;top:50%;left:20px;margin-top:-5px;width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;content:'';-webkit-transition:all .3s;transition:all .3s}
.header-m .nav>li .sub-nav{display:none}
.header-m .nav>li .sub-nav a{position:relative;display:block;padding:0 40px;height:50px;background:#ebebeb;color:#4E4E4E;line-height:50px}
.header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;top:50%;left:20px;overflow:hidden;width:0;height:0;border:5px solid transparent;content:'';-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
.header-m .nav>li.cur{position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;background:#999;content:'';-webkit-transition:all .3s;transition:all .3s}
.header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after{background:#fff}
.header-m .nav>li.active>a{background:#555;color:#fff}
.header-m .nav>li.active>a::after{border-color:#fff;background:#fff}
.header-m .nav>li.active .sub-nav li{-webkit-animation:ReturnToNormal .5s both;animation:ReturnToNormal .5s both}
.header-m .m-language{position:absolute;bottom:0;left:0;width:100%;text-align:center}
.header-m .m-language a{display:block;border-bottom:1px solid #ebebeb;color:#666;font-size:16px;line-height:40px;-webkit-animation:slideInUp 1.5s both;animation:slideInUp 1.5s both}
.header-m .m-search-b{position:absolute;top:0;right:0;display:block;width:35px;height:65px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAVFBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlKXBdvAAAAG3RSTlMA9jDDexUL5K6hHoOYuTqJyZDbR0Ao0O1cUGyrpb7OAAABV0lEQVRIx71Vy4KDIAwMyqMgKj7brv//n3sgtIjEhcvOLSQDkxACJGi4bmfG5lbzBv5EY9URQdl7zmDZkYDZgY7vMDyhdJQafRDQWV1Lf5Dol2v89vy4W75uUm4rb7+yLmeIObgmEa2OISslEkLQ8zDndfNAh5Pn+uAyFiTnGk/74Mk/kMELtcZn2/z+CO69NroB1A8EMI9vpSZfiIHsGN9fEwQ4zIrE6AuVKBI0waCmU1It3MDfOUdLx9ZdofTplpc7wuJ7EK0dBdLANHe0VMiZhvCFryU8ayXNtUm72rL2tRfXFbeG8BFrsFVZ8zFZ2d62/gF9oEueqMsMgVcu/o3OoXDMcIyfKgcZE+WjMl+SjRHDmGS80U1Dm0SVoyIZcYZExSkm0xIMMPoa7gYAmTDob5f57w0Z2E/Ex672vluxPyOGgUIERgN1DCWhnGHxzZRDNBL+Bb/Ur0nrX0q6YgAAAABJRU5ErkJggg==) no-repeat left center;background-size:18px;cursor:pointer}
.language-a{height:65px;line-height:65px}
html.active{overflow:hidden;height:100%}
html.active body{overflow:hidden;height:100%}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{-webkit-transform:translateY(0) rotate(225deg);transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{-webkit-transform:translateY(0) rotate(-225deg);transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{left:0;display:block}
html.active .banner,html.active .i-banner,html.active footer,html.active main{-webkit-transform:translateX(260px);transform:translateX(260px)}
.i-main .i-pro .head .mauto{padding-right:0;padding-left:0;width:100%}
.i-main .i-pro .head h2{padding-bottom:.25rem;text-align:center}
.i-main .i-pro .head ul{padding-right:0}
.i-main .i-pro .head li{margin:0 0 .2rem 0;width:20%}
.i-main .i-pro .head .icon img{max-width: 60%;max-height: 60%;}
.i-main .i-pro .head li a{margin:0 auto}
.honor-list li a{background-position:bottom center;background-size:100% auto}
.honor-list li a .img{height:3rem}
.honor-list li a .img img{bottom:15%}
}
@media (max-width:768px){footer{padding-top:0}
footer::after{display:none}
footer .fr{float:none}
footer .erweima{float:none;display:table;margin:0 auto}
footer .head{padding:.3rem 0}
footer .head .txt,footer .head dl{display:none}
footer .head .img{margin-top:.3rem}
.banner{height:3rem}
.i-main .i-about{padding-bottom:1.5rem}
.i-main .i-about .img .txt{overflow:hidden;height:210px}
.i-main .i-pro .head li{width:33.333%}
.i-main .i-pro h2 span{font-size:20px}
.i-main .i-pro h2 em{font-size:24px}
.i-main .i-pro .list h3{padding-right:3.2%}
.i-main .i-tt1 img{max-width:220px}
.i-main .i-industry .baf .info{bottom:5px;left:5px;visibility:visible;width:calc(100% - 10px);height:28px;border:none;opacity:1}
.i-main .i-industry .baf .info h3{font-size:14px}
.i-main .i-industry .baf .info h3::after{display:none}
.i-main .i-industry .baf .info h3::after{bottom:-60%}
.i-main .i-industry .box2 .txt h3{font-size:20px}
.i-main .i-industry .box2 .txt em{font-size:14px}
.i-main .i-honor{padding-bottom:.5rem}
.i-main .i-news{padding-bottom:.65rem}
.i-main .i-news .img,.i-main .i-news .info-w,.i-main .i-news .info-w .txt,.i-main .i-news .info-w h3{width:100%}
.i-main .i-news .info-w .date{display:none}
.i-main .i-news .info-w h3{padding:0;height:45px;line-height:45px}
.i-main .i-news .info-w .txt{display:-webkit-box;overflow:hidden;margin:0;padding:0!important;height:75px;height:96px;border:none;text-overflow:ellipsis;font-size:14px;line-height:25px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-orient:vertical;-webkit-line-clamp:3}
.content{padding-bottom:0}
.main-nav-p{display:none}
.main-nav-m{position:relative;z-index:555;display:block;cursor:pointer}
.main-nav-m .title{position:relative;padding:0 10px;height:40px;background:#e60013;line-height:40px}
.main-nav-m .title strong{color:#fff;font-weight:700;font-size:16px}
.main-nav-m .title i{position:absolute;right:0;width:45px;height:100%;content:''}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;width:12px;height:1px;background:#fff;content:'';-webkit-transition:all .3s;transition:all .3s}
.main-nav-m .title i::before{left:46%;-webkit-transform:rotate(40deg) scaleY(1.5);transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;-webkit-transform:rotate(-40deg) scaleY(1.5);transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{-webkit-transform:rotate(-40deg) scaleY(1.5);transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{-webkit-transform:rotate(40deg) scaleY(1.5);transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{position:absolute;top:40px;display:none;padding:0 10px;width:100%;background:rgba(230,0,19,.8);color:#fff}
.main-nav-m ul li{-webkit-animation:ReturnToNormal .5s both;animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:40px;border-bottom:1px solid rgba(255,255,255,.55);line-height:40px}
.pro-list .imgs{height:2.2198rem}
.pro-list h3{height:40px;line-height:40px}
.pro-info .btn a{margin:.1rem 0}
.news-list .head{margin-bottom:.6rem}
.news-list .head .els2{height:60px;-webkit-line-clamp:2}
.news-list .head .owl-controls .owl-buttons div{bottom:-5%}
.news-list .list{border-top:1px dashed #c5c1c1}
.news-list .list a:hover h3{color:#e60013}
.news-list .list li{padding-top:.4rem;padding-bottom:.2rem;border-bottom:1px dashed #c5c1c1}
.news-list .list h3{font-size:18px}
.news-list .list .els2{height:52px;line-height:26px}
.fix-video .video-wrap{max-width:90%}
.fix-search{padding:0 15px}
.fix-search .search{padding-left:0;height:65px;background:0 0}
.fix-search .txt{padding:0 10px;text-align:left;font-size:20px}
.fix-search .btn{color:#777;font-size:22px}

.i-main .i-honor .box{
    height: 2.02rem;
}


}
@-webkit-keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@-webkit-keyframes ReturnToNormal{from{opacity:0;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
to{opacity:1;-webkit-transform:none;transform:none;-webkit-transform-origin:right bottom;transform-origin:right bottom}
}
@keyframes ReturnToNormal{from{opacity:0;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
to{opacity:1;-webkit-transform:none;transform:none;-webkit-transform-origin:right bottom;transform-origin:right bottom}
}